<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/goods_proStyle38.css">
    <link rel="stylesheet" href="../css/goods_proDetailsPay.css">
    <link rel="stylesheet" href="../css/goods_p4pRecomStyle.css">
    <link rel="stylesheet" href="../css/goods_detaiAlert.css">
    <link rel="stylesheet" href="../css/topper.css">
    <link rel="stylesheet" href="../css/footer.css">
    <script src="../lib/jquery-3.4.1.js"></script>
    <script src="../lib/myquery.js"></script>
    <script src="../lib/Cookie.js"></script>
    <script src="../lib/goods.js"></script>
</head>

<body>
    <!-- topper顶部菜单栏 -->
    <div class="toolbarBox" id="TopBar"></div>
    <script>
        $(() => {
            $('#TopBar').load('./topper.html');
        })
    </script>
    <!-- 红色的头部信息 strat -->
    <div class="proDetailTopNew">
        <div class="proDetailTopCon">
            <div class="logoBox2"><a href="" target="_blank"></a></div>
            <div class="proInfoCon">
                <dl>
                    <dt><a href="" target="_blank">海德信玻璃钢（深圳）有限公司</a></dt>
                    <dd>
                        <span>买卖通<b>1</b>年</span>
                        <a class="jyIco">在线交易</a>
                        <a href="javascript:void(0)" class="wxIco" id="wxmsg1">微信</a>
                    </dd>
                </dl>
                <div class="proInfoAlert" style="display: none;">
                    <div class="comName2"><a href="" title="海德信玻璃钢（深圳）有限公司" target="_blank">海德信玻璃钢（深圳）有限公司</a></div>
                    <div class="mmtMember">
                        <span><em class="proTopMmtIco"></em><b>1</b>年</span>
                        <a class="jyIco">在线交易</a>
                    </div>
                    <ul>
                        <li><span class="infoLeft">商家等级：</span><a href="" class="image" target="_blank"><img
                                    src="https://style.org.hc360.cn/images/detail/mysite/siteconfig/lvico/off.png"
                                    alt="" data-useractivelogs="UserBehavior_supplyself_starlogout_1"></a></li>
                        <li><span class="infoLeft">商品数量：</span><a href="" target="_blank" rel="nofollow"></a>922</li>
                        <li>
                            <span class="infoLeft">所在地区：</span>
                            广东省&nbsp;深圳市 </li>
                    </ul>
                    <div class="alertBotLink">
                        <a title="进入店铺" href="" target="_blank" class="itemLink"
                            data-useractivelogs="UserBehavior_supplyself_right">进入店铺</a>
                        <a href="javascript:void(0)" class="messLink CollectBtn" title="收藏店铺"
                            data-useractivelogs="UserBehavior_supplyself_collect_1">收藏店铺</a>
                        <a href="javascript:void(0)" target="_blank" class="collectLink" id="wxmsg2">我要留言</a>
                    </div>
                    <div class="codeImg2">
                        <a href="" target="_blank">
                            <div class="q-icon" id="q-icon" style="position: relative;">
                                <canvas width="85" height="85"></canvas><img
                                    src="//style.org.hc360.cn/js/build/source/widgets/qrcode/logo-25.png"
                                    class="logo-img" style="position: absolute; top: -13px; left: -13px;"></div>
                        </a>
                        <p>手机访问店铺</p>
                    </div>
                </div>
            </div>
            <div class="proTopCode">
                <div class="codeAlert" style="display: none;">
                    <div class="q-icon2" id="q-icon2" style="position: relative;">
                        <canvas width="111" height="111"></canvas><img
                            src="//style.org.hc360.cn/js/build/source/widgets/qrcode/logo-25.png" class="logo-img"
                            style="position: absolute; top: -13px; left: -13px;"></div>
                    <p>扫一扫 手机访问店铺</p>
                </div>
            </div>
            <!--搜索框-->
            <div class="search">
                <div class="search-box" id="searchMod">
                    <div class="defaultSearch2">
                        <form name="searchform" method="get" target="_blank" action="//s.hc360.com">
                            <div class="searchBox">
                                <div class="seaInputBox">
                                    <input type="text" value="" maxlength="50" autocomplete="off" size="30" name="w"
                                        placeholder="请输入产品名称">
                                </div><label><button type="button" id="searchAll">搜全站</button></label>
                                <div class="form_list_tip" style="display: none;">
                                    <ul></ul>
                                    <div class="form_advice">建议搜索：帮您选择更精准的关键词</div>
                                </div>
                                <div class="RecordBox" style="display:none;"></div>
                            </div>
                            <div class="seaTbtn"><button type="button" id="searchOur">搜本店</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 红色的头部信息 end -->
    <div class="locationBox">
        <div class="locationLeft">
            <a href="">首页</a>&gt;
            <a href="">供应信息</a>&gt;
        </div>
        <div class="hot-word">
            <span class="ht-words"><a href="" target="_blank">热搜词：</a></span>
        </div>
    </div>
    <div class="detailsBox1 clearfix">
        <div class="Box1Left">
            <div class="proTitCon">
                <h1 class="proTitle" id="comTitle"></h1>
            </div>
            <div class="Box1LeftCon">
                <div class="region-custom region-detail-gallery">
                    <div class="widget-custom offerdetail_ditto_gallery">
                        <div class="mod mod-detail-gallery">
                            <div class="tab-pane" >
                                <div class="vertical-img" id="bigpic" style="box-sizing: border-box;width:380px;height:380px;position: relative;">
                                    <a href="" style="outline-style: none; text-decoration: none;">
                                        <!-- 左边的大图 里面的img-->
                                        <div class="zoomPad" style="position: relative;overflow: hidden;width: 380px;height: 380px;">
                                            <!-- 遮罩光标 -->
                                            <div class="mask"></div>
                                        </div>
                                        <!-- 放大的图片 -->
                                        <div class="zoomWindow"
                                            style="position: absolute; left: 400px; top: 0px; display: none; width: 450px; height: 450px;overflow: hidden; ">
                                            <img src="" style="width:150%;height:150%;position:absolute;left: 0;top: 0;">
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <!-- 切换小图 -->
                            <div class="tab-content tab-content-4 fn_clear" id="dt-tab">
                                <div class="tab-content-container">
                                    <ul class="nav nav-tabs fn_clear" id="thumblist">
                                        <li class="tab-trigger" style="height: 58px; width: 58px;">
                                            <a href="javascript:void(0);" class="box-img zoomThumbActive ">
                                                <img src="../img/smalpic1.jpg" style="height: 58px; width: 58px;">
                                            </a>
                                        </li>
                                        <li class="tab-trigger" style="height: 58px; width: 58px;">
                                            <a href="javascript:void(0);" class="box-img zoomThumbActive ">
                                                <img src="../img/smalpic2.jpg" style="height: 58px; width: 58px;">
                                            </a>
                                        </li>
                                        <li class="tab-trigger" style="height: 58px; width: 58px;">
                                            <a href="javascript:void(0);" class="box-img zoomThumbActive ">
                                                <img src="../img/smalpic3.jpg" style="height: 58px; width: 58px;">
                                            </a>
                                        </li>
                                        <li class="tab-trigger" style="height: 58px; width: 58px;">
                                            <a href="javascript:void(0);" class="box-img zoomThumbActive ">
                                                <img src="../img/smalpic4.jpg" style="height: 58px; width: 58px;">
                                            </a>
                                        </li>
                                        <li class="tab-trigger" style="height: 58px; width: 58px;">
                                            <a href="javascript:void(0);" class="box-img zoomThumbActive ">
                                                <img src="../img/smalpic5.jpg" style="height: 58px; width: 58px;">
                                            </a>
                                        </li>
                                        <li class="tab-trigger" style="height: 58px; width: 58px;">
                                            <a href="javascript:void(0);" class="box-img zoomThumbActive ">
                                                <img src="../img/smalpic6.jpg" style="height: 58px; width: 58px;">
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <ol class="scroll">
                                    <li class="img-scroll-left  item-scroll-cur" id="basePre"><a
                                            href="javascript:void(0);" class="dis-img-scroll-left"></a></li>
                                    <li class="img-scroll-right" id="baseNex"><a href="javascript:void(0);"
                                            class="able-img-scroll-right"></a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="leftImgBot  clearfix">
                    <a rel="nofollow" class="pro-fav" id="spnFavoProd">收藏商品</a>
                    <div class="shareBox">
                        <a href="javascript:void(0)" class="shareLink" id="share">分享</a>
                    </div>
                    <div class="codeBotBox">
                        <a href="javascript:void(0)" class="shareLink" id="twocode">扫一扫</a>
                    </div>
                </div>
            </div>
            <div class="detail-right-con" style="display:block;">
                <!-- 具体价格右侧内容 -->
                <div class=" topPriceBox ">
                    <span class="topPriceLeft letter2">价格</span>
                    <a id="freeInquery" href="">免费咨询行业专家</a>
                </div>
                <div class="item-row-w">
                    <span class="item-left-t">供应总量</span>
                </div>
                <div class="item-row-w">
                    <span class="item-left-t">发货期限</span>
                    卖家承诺24小时发货
                </div>
                <div class="item-row-w logistics">
                    <span class="item-left-t">运费说明</span>
                    <div class="adress-wrap payf">
                        --
                    </div>
                </div>
                <div class="cg-info fn_clear" id="dg_div">
                    <span class="item-left-t cg-info-left">订购信息</span>
                    <div class="cg-table dg-table">
                        <table cellspacing="1" cellpadding="1" class="cg-table-con" id="priceList">
                            <tbody>
                                <tr id="table1_tr_1">
                                    <th class="order">起订量 (台)</th>
                                    <th class="standards">价格</th>
                                    <th class="PurchaseNum">采购量</th>
                                </tr>
                                <tr class="item-cur-tab" id="dj_tr">
                                    <td class=""> 1 </td>
                                    <td class="oriPrice"></td>
                                    <td id="dj_td" rowspan="1">
                                        <!-- 数量加减操作 -->
                                        <div class="detail-count-control">
                                            <span class="count-container">
                                                <input type="text" class="count-input" value="1" />
                                                <a href="javascript:void(0)" class="count-up">+</a>
                                                <a href="javascript:void(0)" class="count-down count-down-limit">-</a>
                                            </span>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="item-row-w price">
                    <span class="item-left-t letter2">总价</span>
                    <div class="adress-wrap fn_clear">
                        <div class="price-num">
                            <em class="rmb">¥</em>
                            <span id="totalPrice">0.00</span>
                            <em class="number"> | 共<i id="totalNumber">0</i> 台</em>
                        </div>
                        <div class="see-detail">
                            <span class="cur-span" id="showDetailBtn" style="display: none;">查看清单</span>
                            <div id="sellDetail">
                                <div class="close_d"><a>×</a></div>
                                <div class="span-con">
                                    <table class="item-span-con-list" cellpadding="1" cellspacing="1" id="detailList">
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item-row-w pro-btn-wrap">
                    <ul class="pro_btn ">
                        <li><a class="ContactNew" id="checkContactBtn">查看联系方式</a>
                        </li>
                        <li><a href="javascript:void(0)" class="blue-btnNew setMyCart">加入采购单</a>
                        </li>
                        <li><a href="javascript:void(0)" class="orange-btnNew orderNow">立即订购</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="main-detail-info" id="productAttr">
        <div class="main-sidbar-left">
            <img src="../img/店铺信息.png" alt="">
        </div>
        <div class="main-detail-con">
            <div class="main-detailBox">
                <div class="pro-info-main-r">
                    <ul class="pro-tab-left">
                        <li vid="pdetail_li" class="pro-tab-cur"><a href="javascript:void(0);">商品信息</a></li>
                    </ul>
                </div>
                <div class="proDetailCon " id="pdetail">
                    <div class="dvop-title">基本参数</div>
                    <div class="d-vopy  parameter ">
                        <img src="../img/详情页系数.png">
                    </div>
                    <div class="dvop-title">
                        <h4>详细说明</h4>
                    </div>
                    <div class="d-xi-b">
                        <div id="introduce"><img
                                src="//img005.hc360.cn/k3/M03/A5/4D/7mfe6e876b803f13Af521b2249D2Df4A6D.jpg"><img
                                src="//img004.hc360.cn/k3/M0F/B5/47/W521e1AC742C7537e61e6e356583D6606F.jpg"><img
                                src="//img007.hc360.cn/k3/M07/A5/4D/h9ccb67cd5d82464597Ed121168c3cF6465.jpg"><img
                                src="//img006.hc360.cn/k3/M03/B5/47/Hr1284d0029B6C794172BdF74ddCFd22F0.jpg"></div>
                        <div class="detailBot">慧聪网厂家海德信玻璃钢（深圳）有限公司为您提供海德信HDX-R9-1 中央软水机 家用一体式软水机 软化水设备 中央软水机家用
                            大流量软水机 软水器 中央净水机的详细产品价格、产品图片等产品介绍信息，您可以直接联系厂家获取海德信HDX-R9-1 中央软水机 家用一体式软水机 软化水设备 中央软水机家用
                            大流量软水机 软水器 中央净水机的具体资料，联系时请说明是在慧聪网看到的。</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="similarxo">
        <strong>提示：</strong>
        您在慧聪网上采购商品属于商业贸易行为。以上所展示的信息由卖家自行提供，内容的真实性、准确性和合法性由发布卖家负责，请意识到互联网交易中的风险是客观存在的。
    </div>
    <!--额外的功能信息  -->
    <div class="dialog" style="left:0;top:0;display:none;" id="mycartsuccess">
        <div class="conte" style="border:0px">
            <div class="tcbx1">
                <p class="tcbx1-1">该商品已添加成功！</p>
                <p class="tcbx1-2" id="mycartsuccess_info">您的意向采购单共<strong>1</strong>件商品</p>
                <p class="tcbx1-3">
                    <a id="mycartcolse" href="javascript:void(0);" target="_self">继续采购</a>
                    <a class="mangebtn" rel="nofollow"
                        href="http://detail.b2b.hc360.com/detail/turbine/template/transaction,my_cart.html">去结算</a>
                </p>
            </div>
        </div>
    </div>
    <div class="proDetailFixed">
        <div class="proDetailFixedCon">
            <div class="itemName">
                <a href="#productAttr" title="深圳市碧玺电子设备有限公司">深圳市碧玺电子设备有限公司</a>
            </div>
            <div class="proDetailTab">
                <ul>
                    <li class="cur"><a href="#productAttr" id="curmsg" style="color:#333;">商品信息</a></li>
                </ul>
            </div>
            <div class="proDetailBtn"><a href="javascript:void(0)">在线询价</a></div>
        </div>
    </div>

    <!-- 公共尾部 start -->
    <div id="footerBox" class="footerBox"></div>
    <script>
        $(() => {
            $('#footerBox').load('./footer.html');
        })
    </script>
</body>

</html>